<!DOCTYPE html>
<html>
<head>
    <title>{$page.post_title}</title>
    <meta name="keywords" content="{$page.post_keywords}"/>
    <meta name="description" content="{$page.post_excerpt}">
    <include file="public@head"/>
    <style>
        #article_content img {
            height: auto !important;
            max-width: 100%;
        }
    </style>
    <hook name="before_head_end"/>
</head>
<body class="body-white">
<include file="public@nav"/>
<div class="container tc-main" style="margin-left: 25%">
    <div class="row">
        <div class="col-md-9">
            <div class="tc-box article-box" style="text-align: center">
                <h2>{$page.post_title|default=''}</h2>
                <span>{:date('Y-m-d H:i',$page.published_time)} by {$page.user.user_nickname}</span>
                <span>
		    			<a href="javascript:;"><i class="fa fa-eye"></i><span>{$page.post_hits}</span></a>
						<a href="{:url('portal/Article/doLike',array('id'=>$page['id']))}" class="js-count-btn"><i
                                class="fa fa-thumbs-up"></i><span class="count">{$page.post_like}</span></a>

					</span>
                <hr>
                <div id="article_content">
                    {$page.post_content|default=''}
                </div>

                <php>
                    $comment_hook_param=[
                    'post_id'=>$page['id'],
                    'post_table'=>'portal_post',
                    'post_title'=>$page['post_title']
                    ];
                </php>

                <hook name="comment" param="comment_hook_param"/>
            </div>
            <div style="float: left;margin-left: 10%">
                <a href="{$pre['url']}"> 上一篇：{$pre['post_title']}</a>
            </div>
            <div style="float: right;margin-right: 10%">
                <a href="{$next['url']}">下一篇：{$next['post_title']}</a>
            </div>
        </div>
        </div>



    </div>

</div>
<div class="ny-back">
    <a href="javascript:history.back()"><i class="glyphicon glyphicon-circle-arrow-left"></i></a>
</div>
<include file="public@footer"/>
<include file="public@scripts"/>
<hook name="before_body_end"/>
</body>
</html>